﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
    <head>
        <title>Conventus - Software Sincronizador de Archivos</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <meta name="description" content="Sincronizador" />
        <meta name="keywords" content="sincronizador,conventus,archivo,copia,seguridad,respaldo,programa,descarga,gratis,fichero"/>
		<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
        <link rel="stylesheet" href="css/style.css" type="text/css" media="screen"/>
        
        <style>
			
			body {
				background:#333 url(bg.jpg) repeat top left;
				font-family:Arial;
			}
			
			span.reference {
				position:fixed;
				right:10px;
				bottom:10px;
				font-size:12px;
			}
			
			span.reference a {
				color:#aaa;
				text-transform:uppercase;
				text-decoration:none;
				text-shadow:1px 1px 1px #000;
				margin-right:30px;
			}
			
			span.reference a:hover {
				color:#ddd;
			}
			
			ul.sdt_menu {
				margin-top:0px;
			}
			
			h1.title {
				text-indent:-9000px;
				background:transparent url(images/title.png) no-repeat top left;
				width:488px;
				height:69px;
				left: -100px;
			}
			
		</style>
		
    </head>

    <body>
		<div class="menu">
			<h1 align="left" class="title">Conventus</h1>
			<ul id="sdt_menu" class="sdt_menu">
				<li>
					<a href="#" id="ahora">
						<img src="images/2.jpg" alt=""/>
						<span class="sdt_active"></span>
						<span class="sdt_wrap">
							<span class="sdt_link">Ahora</span>
							<span class="sdt_descr">Novedades</span>
						</span>
					</a>
				</li>
				<li>
					<a href="#" id="sobreMi">
						<img src="images/1.jpg" alt=""/>
						<span class="sdt_active"></span>
						<span class="sdt_wrap">
							<span class="sdt_link">Sobre mi</span>
							<span class="sdt_descr">Un poco de historia</span>
						</span>
					</a>
				</li>
				<li>
					<a href="#" id="detalles">
						<img src="images/3.jpg" alt=""/>
						<span class="sdt_active"></span>
						<span class="sdt_wrap">
							<span class="sdt_link">Detalles</span>
							<span class="sdt_descr">¿Por qué elegirme?</span>
						</span>
					</a>
				</li>
				<li>
					<a href="#" id="descarga">
						<img src="images/4.jpg" alt=""/>
						<span class="sdt_active"></span>
						<span class="sdt_wrap">
							<span class="sdt_link">Descarga</span>
							<span class="sdt_descr">Enjoy =)</span>
						</span>
					</a>
				</li>
				<li>
					<a href="#" id="ayuda">
						<img src="images/5.jpg" alt=""/>
						<span class="sdt_active"></span>
						<span class="sdt_wrap">
							<span class="sdt_link">Ayuda</span>
							<span class="sdt_descr">Todos los detalles</span>
						</span>
					</a>
				</li>
				<li>
					<a href="#" id="contacto">
						<img src="images/6.jpg" alt=""/>
						<span class="sdt_active"></span>
						<span class="sdt_wrap">
							<span class="sdt_link">Contacto</span>
							<span class="sdt_descr">Queremos escucharte =)</span>
						</span>
					</a>
				</li>
			</ul>
		</div>
        <div id="cargando" style="display: none; font-size:42px; color:#FFF; position:fixed; left:400px; top:400px;" align="center">Cargando...</div>;
		<div class="contenido" id="contenido">
			{$contenido}
            <div id="cargando" style="display: none; font-size:42px; color:#FFF; " align="center">Cargando...</div>
		</div>
        
        <div>
            <span class="reference">
                <a href="#">Federico Dalla Fontana</a>
				<a href="#">Juan Alejandro Fausd</a>
            </span>
		</div>

        <!-- The JavaScript -->
        <script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
		<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
                <script type="text/javascript">

        </script>
        
    </body>
</html>